<template>
<el-pagination
class="paginaton"
    :current-page="pageNum"
    :page-size="pageSize"
      :page-sizes="[5,10,15,20]"
      
      layout="total, sizes, prev, pager, next, jumper"
      :total="400"
      @size-change="(size:number)=>pageSize=size"
      @current-change="(num:number)=>pageNum=num"
    />
</template>

<script lang='ts' setup>
 const pageSize=defineModel("pageSize",{required:true});
 const pageNum=defineModel("pageNum",{required:true});
 const props=defineProps(["total"])
//   const  handleSizeChange=(size:number)=>{
//     console.log(size)
//      const pageSize=size
//   }
//   const handleCurrentChange=(num:number)=>{
//     console.log(num)
//   }
</script>

<style lang='scss' scoped>
.paginaton{
  height: 100%;
    display: flex;
    justify-content: end;
    margin-top: 10px;
    margin: 10px;
}

</style>